<?xml version="1.0" encoding="UTF-8"?>
<ui:decorate  template="/xhtml/plantillas/baseSeguridad.xhtml"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:ui="http://java.sun.com/jsf/facelets">    

<!--<ui:define name="titulo">#{label['sistema.control.citas']}</ui:define>-->
    <ui:define name="java_script">
    </ui:define>   

    <ui:define name="contenido">
        <h:panelGrid columns="1" class="panelFormulario">            
            <p:panel header="#{label['iniciar.sesion']}"
                     style="text-align: center; width: 250px; margin-left: 265px; margin-top: 50px; ">            
                <p:panelGrid style="text-align: left; margin-top: 15px">
                    <p:row>
                        <p:column>
                            <h:outputLabel value="#{label['login.usuario']}" styleClass="etiqueta" />
                        </p:column>
                    </p:row>
                </p:panelGrid>
                <p:panelGrid style="text-align: left; margin-top: 5px">
                    <p:row>
                        <p:column>
                            <p:inputText id="id_usuario" value="#{beanLogin.usuario}" style="width: 200px"/>
                        </p:column>
                    </p:row>                
                </p:panelGrid>
                <p:panelGrid style="text-align: left; margin-top: 5px">
                    <p:row>
                        <p:column>
                            <h:outputLabel value="#{label['login.clave']}" styleClass="etiqueta" />
                        </p:column>
                    </p:row>
                </p:panelGrid>
                <p:panelGrid style="text-align: left; margin-top: 5px">
                    <p:row>
                        <p:column>
                            <p:password id="id_clave" value="#{beanLogin.password}" style="width: 200px"/>
                        </p:column>
                    </p:row>
                </p:panelGrid>
                <p:panelGrid style="text-align: left; margin-top: 15px">
                    <p:row >
                        <p:column>
                            <p:commandLink action="/xhtml/paginas/usuarios/registrarse.xhtml" 
                                           style="text-transform: none; color:  #00457C !important; margin-top: 25px" 
                                           value="#{label['login.lbregistrarse']}" ajax="false"/> 
                        </p:column>
                    </p:row>
                </p:panelGrid>
                <p:panelGrid style="text-align: left; margin-top: 15px">
                    <p:row>
                        <p:column>
                            <p:commandLink action="/xhtml/paginas/usuarios/recuperarClave.xhtml" 
                                           style="text-transform: none; color:  #00457C !important; margin-top: 25px" 
                                           value="#{label['formulario.label.olvidoClave']}" ajax="false"/> 
                        </p:column>
                    </p:row>
                </p:panelGrid>
                <p:panelGrid style="text-align: left; margin-top: 15px">
                    <p:row>
                        <p:column>                       
                            <p:commandButton  
                                styleClass="botonEntrar" title="#{label['login.submit']}"
                                actionListener="#{beanLogin.logIn}"
                                action="#{beanLogin.logIn}"
                                ajax="true" 
                                value="#{label['login.submit']}" style="background: #005288; color: #FFFFFF; margin-left: 100px"
                                label="#{label['login.submit']}" id="botonLogin"/>
                        </p:column>
                    </p:row>
                </p:panelGrid>                            
            </p:panel>          
        </h:panelGrid> 
    </ui:define>
</ui:decorate>
